<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>拉勾首页</title>
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/select-city.css" />
		<link rel="Shortcut Icon" href="img/favicon.ico">
	</head>

	<body>
		<header id="header">
			<div class="header-wrapper">
				<ul class="header-left">
					<li class="item lagou-app">
						<a href="app.html"><i class="icon fa fa-mobile"></i>拉勾APP</a>
					</li>
				</ul>
				<ul class="header-right">
					<li class="item">
						<a href="msg.html">消息</a>
						<span class="mark">3</span>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="resume-list.html">我的简历</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="delivery.html">投递反馈</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="invitation.html">职位邀请</a>
					</li>
					<li class="item line">|</li>
					<li class="item user">
						<a href="#" class="user-name" id="userName">759694429@qq.com <i class="icon fa fa-caret-down"></i></a>
						<ul class="user-content">
							<li class="content-item">
								<a href="user-info-bind.html">帐号设置</a>
							</li>
							<li class="content-item">
								<a href="index.html">退出</a>
							</li>
						</ul>
					</li>
					<li class="item">
						<a href="login.html">登录</a>
					</li>
					<li class="item line">|</li>
					<li class="item">
						<a href="register.html">注册</a>
					</li>
				</ul>
			</div>
			<nav class="nav">
				<div class="nav-content">
					<a href="index.html" class="nav-logo"><img src="img/index2.png" /></a>
					<div class="inside-nav-country"><span id="selectedCity"> </span><span class="city" id="selectCity">[切换城市]</span></div>
					<ul class="nav-menu">
						<li class="menu-item active">
							<a href="index.html">首页</a>
						</li>
						<li class="menu-item">
							<a href="position-search.html">职位</a>
						</li>
						<li class="menu-item">
							<a href="company.html">公司</a>
						</li>
					</ul>
				</div>
			</nav>
		</header>

		<div class="fixed-bar-top" onclick="returnTop()" id="fixed-bar"></div>
		<div class="fixed-bar-suggest"></div>
		<div class="feedback">我要反馈</div>
		
		<div class="index-wrapper" id="wrapper">
			<div class="float-wrapper">
				<div class="wrap-header">
					<span>切换城市</span>
					<span id="close" style="float: right;font-size: 30px;cursor: pointer;">x</span>
				</div>
				<div class="changecity-header">
					<span style="font-size:22px;">亲爱的用户您好：</span><br /><br />
					<span>切换城市分站，让我们为您提供更准确的职位信息。</span>
				</div>
				<div class="city-wrapper">
					<ul id="citys">
						<li>
							<a href="javascript:void(0)" class="active">全国站</a>
						</li>
						<li>
							<a href="javascript:void(0)">北京站</a>
						</li>
						<li>
							<a href="javascript:void(0)">上海站</a>
						</li>
						<li>
							<a href="javascript:void(0)">杭州站</a>
						</li>
						<li>
							<a href="javascript:void(0)">广州站</a>
						</li>
					</ul>
				</div>
				<div class="float-footer">其他城市正在开通中，敬请期待~</div>
			</div>
		</div>
		
		<div class="index-main">
			<ul class="sidebar">
				<li class="sidebar-item">
					<h3>技术<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">Java</a>
						</li>
						<li>
							<a href="">PHP</a>
						</li>
						<li>
							<a href="">C</a>
						</li>
						<li>
							<a href="">C++</a>
						</li>
						<li>
							<a href="">Android</a>
						</li>
						<li>
							<a href="">iOS</a>
						</li>
						<li>
							<a href="">测试</a>
						</li>
						<li>
							<a href="">前端开发</a>
						</li>
						<li>
							<a href="">技术经理</a>
						</li>
						<li>
							<a href="">技术总监</a>
						</li>
						<li>
							<a href="">架构师</a>
						</li>
						<li>
							<a href="">CTO</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">Web</a>
								</li>
								<li class="details-item">
									<a href="">UI</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">android</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>
				<li class="sidebar-item">
					<h3>产品<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">产品总监</a>
						</li>
						<li>
							<a href="">产品经理</a>
						</li>
						<li>
							<a href="">移动产品经理</a>
						</li>
						<li>
							<a href="">游戏策划</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>

				<li class="sidebar-item">
					<h3>设计<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">设计总监</a>
						</li>
						<li>
							<a href="">UI</a>
						</li>
						<li>
							<a href="">UE</a>
						</li>

						<li>
							<a href="">交互设计</a>
						</li>
						<li>
							<a href="">数据分析</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>
				<li class="sidebar-item">
					<h3>运营<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">新媒体运营</a>
						</li>
						<li>
							<a href="">数据运营</a>
						</li>

						<li>
							<a href="">运营总监</a>
						</li>
						<li>
							<a href="">C00</a>
						</li>
						<li>
							<a href="">编辑</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>

				<li class="sidebar-item">
					<h3>市场与销售<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">市场推广</a>
						</li>
						<li>
							<a href="">市场总监</a>
						</li>

						<li>
							<a href="">市场策划</a>
						</li>
						<li>
							<a href="">BD</a>
						</li>
						<li>
							<a href="">销售总监</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>

				<li class="sidebar-item">
					<h3>职能<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">HR</a>
						</li>
						<li>
							<a href="">行政</a>
						</li>
						<li>
							<a href="">会计</a>
						</li>
						<li>
							<a href="">出纳</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>

				<li class="sidebar-item">
					<h3>金融<span class="icon fa fa-angle-right"></span></h3>
					<ul class="item-bar">
						<li>
							<a href="">投资</a>
						</li>
						<li>
							<a href="">融资</a>
						</li>
						<li>
							<a href="">并购</a>
						</li>
						<li>
							<a href="">风控</a>
						</li>
					</ul>
					<ul class="item-list">
						<li class="list-details">
							<span class="title">前端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">后端开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">移动开发</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
						<li class="list-details">
							<span class="title">人工智能</span>
							<ul class="content-details">
								<li class="details-item">
									<a href="">java</a>
								</li>
							</ul>
						</li>
					</ul>
				</li>
			</ul>

			<div class="index-main-right">
				<div class="index-header">
					<form action="position-search.html">
						<div class="index-header-text">
							<input type="text" style="width:580px;height:40px;line-height: 40px;padding-left: 10px;font-size:18px;border:none;outline: #00B38A;" placeholder="搜索职位/公司" autofocus="autofocus" />
						</div>

						<div class="index-header-search">
							<input type="submit" value="搜索" style="width:155px;height:40px;background: #00B38A;color:white;font-size:20px;line-height:40px;border:none;cursor: pointer;" />
						</div>
					</form>
				</div>

				<div class="index-menu">
					<ul>
						<li><span class="hot-search">热门搜索:</span></li>
						<li>
							<a href="">文案策划</a>
						</li>
						<li>
							<a href="">市场总监</a>
						</li>
						<li>
							<a href="">PHP</a>
						</li>
						<li>
							<a href="">数据分析</a>
						</li>
						<li>
							<a href="">产品经理</a>
						</li>
						<li>
							<a href="">平面设计师</a>
						</li>
						<li>
							<a href="">技术总监</a>
						</li>
						<li>
							<a href="">测试</a>
						</li>
						<li>
							<a href="">拉勾APP</a>
						</li>
					</ul>
				</div>

				<div class="index-contain">
					<div class="index-contain-left" id="index-contain-left">
						<div class="index-banner" id="index-banner">
							<a href="https://pai.lagou.com/index.html" target="_blank"><img src="img/index8.JPG" /></a>
							<a href="https://www.lagou.com/app/download.html" target="_blank"><img src="img/index9.JPG" /></a>
							<a href="https://yanzhi.lagou.com/" target="_blank"><img src="img/index10.JPG" /></a>
						</div>
					</div>

					<div class="index-contain-right">
						<span></span>
						<div class="contain-right-image">
							<div class="image-item image1 "></div>
						</div>

						<div class="contain-right-image">
							<div class="image-item image2"></div>
						</div>

						<div class="contain-right-image">
							<div class="image-item image3"></div>
						</div>
					</div>
				</div>

				<div class="index-content">
					<div class="example">
						<img src="img/index16.png" />
						<div class="intro">
							<p class="intro-title">搜房网</p>
							<p class="intro-brief">上市公司 中国最大的房地产专业研究机构</p>
						</div>
					</div>

					<div class="example">
						<img src="img/index17.png"/>
						<div class="intro">
							<p class="intro-title">蜂窝煤</p>
							<p class="intro-brief">中国领先的服务行自由平台</p>
						</div>
					</div>

					<div class="example">
						<img src="img/index18.png"/>
						<div class="intro">
							<p class="intro-title">之间网</p>
							<p class="intro-brief">丰厚的薪酬！舒适的办公环境！广阔的发展平台！</p>
						</div>
					</div>

					<div class="example">
						<img src="img/index19.jpg"/>
						<div class="intro">
							<p class="intro-title">尚娱网络</p>
							<p class="intro-brief">给你想要的！</p>
						</div>
					</div>

					<div class="example">
						<img src="img/index20.jpg" />
						<div class="intro">
							<p class="intro-title">DataHu</p>
							<p class="intro-brief">洞见数据价值</p>
						</div>
					</div>

					<div class="example">
						<img src="img/index21.png" />
						<div class="intro">
							<p class="intro-title">闪签科技</p>
							<p class="intro-brief">让每个人更有价值的存在</p>
						</div>
					</div>
				</div>

				<ul class="index-bar">
					<li class="hot-position active">热门职位</li>
					<li class="new-position">最新职位</li>
				</ul>

				<ul class="position-wrapper active" id="hot-position-wrapper">
					<li class="position-item">
						<div class="position-item-left">
							<div class="position-city">
								<a href="position.html">新媒体运营[深圳]</a><span>2016-09-08</span></div>
							<span class="money">4k-8k</span>
							<span class="qualifications">经验不限/本科</span>
						</div>

						<div class="position-item-right">
							<a href="" class="company-name">木光</a>
							<span class="type">移动互联网,社交网络 / 初创型(未融资)</span>
						</div>

						<div class="position-item-footer">
							<ul class="gift">
								<li class="gift-item">节日礼物</li>
								<li class="gift-item">节假日</li>
							</ul>
							<span class="brief">五险一金，帅哥美女多，可以接触各种大牛</span>
						</div>
					</li>
				</ul>
				<ul class="position-wrapper" id="new-position-wrapper">
					<li class="position-item">
						<div class="position-item-left">
							<div class="position-city">
								<a href="position.html">java工程师[深圳]</a><time>2016-09-08</time></div>
							<span class="money">4k-8k</span>
							<span class="qualifications">经验不限/本科</span>
						</div>

						<div class="position-item-right">
							<a href="" class="company-name">米兔</a>
							<span class="type">移动互联网,社交网络 / 初创型(未融资)</span>
						</div>

						<div class="position-item-footer">
							<ul class="gift">
								<li class="gift-item">五险一金</li>
								<li class="gift-item">节假日</li>
							</ul>
							<span class="brief">五险一金，帅哥美女多，可以接触各种大牛</span>
						</div>
					</li>					<li class="position-item">
						<div class="position-item-left">
							<div class="position-city">
								<a href="position.html">java工程师[深圳]</a><time>2016-09-08</time></div>
							<span class="money">4k-8k</span>
							<span class="qualifications">经验不限/本科</span>
						</div>

						<div class="position-item-right">
							<a href="" class="company-name">米兔</a>
							<span class="type">移动互联网,社交网络 / 初创型(未融资)</span>
						</div>

						<div class="position-item-footer">
							<ul class="gift">
								<li class="gift-item">五险一金</li>
								<li class="gift-item">节假日</li>
							</ul>
							<span class="brief">五险一金，帅哥美女多，可以接触各种大牛</span>
						</div>
					</li>					<li class="position-item">
						<div class="position-item-left">
							<div class="position-city">
								<a href="position.html">java工程师[深圳]</a><time>2016-09-08</time></div>
							<span class="money">4k-8k</span>
							<span class="qualifications">经验不限/本科</span>
						</div>

						<div class="position-item-right">
							<a href="" class="company-name">米兔</a>
							<span class="type">移动互联网,社交网络 / 初创型(未融资)</span>
						</div>

						<div class="position-item-footer">
							<ul class="gift">
								<li class="gift-item">五险一金</li>
								<li class="gift-item">节假日</li>
							</ul>
							<span class="brief">五险一金，帅哥美女多，可以接触各种大牛</span>
						</div>
					</li>
				</ul>

				<a href="position-search.html">
					<div class="look">
						查看更多<img src="img/z1.png" class="doc" />
					</div>
				</a>
			</div>
		</div>
		<div class="bottom-bar" id="bottom-bar">
			<div class="bottom-bar-center">
				<div class="room" id="room"><img src="img/index7.png" /></div>
				<div class="bottom-bar-image"></div>
				<div class="bottom-bar-company">138,600 <span class="company">公司</span></div>
				<div class="bottom-bar-position">2,316,924 <span class="position">职位</span></div>

				<div class="bottom-bar-register">
					<a href="register.html">注册</a>
				</div>
				<div class="bottom-bar-login">
					<a href="login.html">登录</a>
				</div>
			</div>

		</div>

		<div class="footer">
			<div id="weibo">
				<a href="app.html" target="_blank"><img src="img/weibo.png" style="width:240px;height:240px" /></a>
			</div>

			<div id="weixin">
				<a href=""><img src="img/weixin.png" style="width:235px;height:235px" /></a>
			</div>
			<div class="footer-inside">
				<div class="footer-lagou">
					<div class="footer-text">
						<dl class="list-nav">
							<dd id="lagou-weibo">
								<a href="">拉勾APP&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">拉勾微博&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd id="lagou-weixin">
								<a href="">拉钩微信&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">版本更新&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">帮助中心&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">联系我们&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">在线交流&nbsp;&nbsp;&nbsp;</a>
							</dd>
							<dd>
								<a href="">服务热线：4006-2828-35 (9:00 -18:00)</a>
							</dd>
						</dl>
						<div class="footer-new"></div>
					</div>
					<div class="footer-image"></div>
					<div class="footer-text1"> ©2016 Lagou 京ICP备14023790号-2 京公网安备11010802017116号</div>
				</div>
			</div>
		</div>
		
		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/jquery.cookie.js"></script>
		<script src="vendor/sHover.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/select-city.js"></script>
		<script src="js/index.js"></script>
		<script>
			var example = new sHover("example", "intro");
		</script>
	</body>

</html>
